﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Startup.aspx.cs" Inherits="Paltop_v0._1.Login" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>Paltop Online Operating System</title>
    <link href="Styles/LoginPage/Login.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/JQuery/jquery-1.7.min.js" type="text/javascript"></script>
    <script src="Scripts/Statrtup/Startup.js" type="text/javascript"></script>

</head>
<body>
    <div id="form" align="center">
        <div id="forgetForm">
            <div class="Username">
                <div class="lable">
                    Enter your email for password recovery:<br />
                </div>
                <input id="forgetEmail" type="text" maxlength="50" />
                <div class="Error" id="Error10">
                    <label id="recoveryError">
                        Error
                    </label>
                </div>
                <div id="Recover" class="SignInButton">
                    <br />
                    <a id="cancel" href="#">
                        <img id="cancelButton" class="ActionButton" src="TemplateImages/cancel2.png" alt="" /></a>
                    <a id="recover" href="#">
                        <img id="recoverButton" class="ActionButton" src="TemplateImages/recover.png" alt=""  /></a>
                    <br />
                </div>
            </div>
        </div>
        <form id="form1" runat="server">
        <!-- The whole Login Form -->
        <div id="loginForm">
            <!-- The profile picture -->
            <img id="profilePic" src="TemplateImages/profilePicture.png  " alt="" />
            <!-- Username Field as a child of the Login Form -->
            <div class="Username">
                <div class="lable">
                    Your Email:<br />
                </div>
                <input id="email" type="text" maxlength="50" /><img id="timer" src="TemplateImages/ajax-loader.gif"
                    alt="" width="10px" height="10px" /><br />
                <div class="Error" id="Error0">
                    <label id="emailError">
                        Error
                    </label>
                </div>
            </div>
            <!-- Password field as a child of the Login Form -->
            <div class="Password">
                <div class="lable">
                    Password:<br />
                </div>
                <input id="password" type="password" maxlength="20" />
                <div class="ForgetPassword">
                    <a id="forgetPassword" href="#">Forget Password</a><br />
                </div>
                <div class="Error" style="" id="Error1">
                    <label id="passwordError">
                        Error
                    </label>
                </div>
            </div>
            <!-- Register Part -->
            <div id="registerForm">
                <div class="Password">
                    <div class="lable">
                        Confirm Password:<br />
                    </div>
                    <input id="passwordConfirm" type="password" maxlength="20" />
                    <div class="Error" style="" id="Error2">
                        <label id="passwordConfirmError">
                            Error
                        </label>
                    </div>
                </div>
                <div class="Username">
                    <div class="lable">
                        Your Real Name:<br />
                    </div>
                    <input id="name" class="textinput" type="text" maxlength="20" /><br />
                    <div class="Error" style="" id="Error3">
                        <label id="nameError">
                            Error
                        </label>
                    </div>
                </div>
            </div>
            <!-- Login button -->
            <input type="submit" style="display:none;" />
            <div id="loginButton" class="SignInButton">
                <a id="login" href="#">
                    <img id="signInButton" class="ActionButton" src="TemplateImages/login.png" alt="" /></a>
            </div>
            <div id="regButton" class="RegisterButton">
                <a id="register" href="#">
                    <img id="registerButton" class="ActionButton" src="TemplateImages/Register.png" alt="" /></a>
            </div>
            <div class="SendDataTimer">
                <img id="sendDataTimer" src="TemplateImages/timer.gif" alt="" />
            </div>
        </div>
        <!-- Register button -->
        <div class="SignUpArea">
            <div class="SignUpButton">
                <a id="signupLink" href="#">
                    <img id="signUpButton" src="/TemplateImages/singUpButton.jpg" alt="" /></a>
                <a id="loginBottmlink" href="#">
                    <img id="loginBottom" src="TemplateImages/loginBottom.png" alt="" /></a>
            </div>
        </div>
        </form>
    </div>
</body>
</html>
